
// 单行出现省略和多行出现省略号
@mixin ellipsis($n: 1) {
  @if $n != 1 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: $n;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
  } @else {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

// 方框下方实体箭头
@mixin fillArrowBottom($size: 8rpx, $color: #FFF) {
  $bottom-arrow-size: $size;
  content: '';
  position: absolute;
  bottom: -$bottom-arrow-size;
  left: 50%;
  transform: translateX(-$bottom-arrow-size) rotate(135deg);
  width: 0; 
  height: 0;
  border-width: $bottom-arrow-size;
  border-style: solid;
  border-color: $color $color transparent transparent;
  // box-shadow: 2px -2px 2px rgba(0,0,0,0.2);
}
